import React from "react";
import { inject, observer } from "mobx-react";
import { DragDropContext } from 'react-dnd';
import HTML5Backend from 'react-dnd-html5-backend';
import Sider from "./sider";
import Content from "./content";

@DragDropContext(HTML5Backend)
@observer
export default class DMEditorMain extends React.Component {
  render() {
    const { store } = this.props;
    return (
      <div style={{ background: '#f9f9f9', }}>
        <div className='edc-ds-layout'>
          <Sider ecId={`${this && this.props && this.props.ecId || ''}_Sider@jdibmn`} store={store} />
          <Content ecId={`${this && this.props && this.props.ecId || ''}_Content@xt3ac5`} store={store} />
        </div>
      </div>
    );
  }
}